<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function load2(){
				let c = document.getElementById('myC');
				let context = c.getContext('2d');
				
				context.strokeStyle="#000";
				context.beginPath();
				context.globalCompositeOperation="source-over";
				context.moveTo(0,200);
				context.quadraticCurveTo(75,50,300,200);
				context.stroke();
				context.closePath();
				
				context.beginPath();
				context.moveTo(75,50);
				context.lineTo(0,200);
				context.moveTo(75,50);
				context.lineTo(300,200);
				context.moveTo(0,200);
				context.lineTo(300,200);
				context.stroke();
				context.closePath();
			}
			
			function load3(){
				let c = document.getElementById('myC');
				let context = c.getContext('2d');
				
				context.strokeStyle="#000";
				context.beginPath();
				context.globalCompositeOperation="source-over";
				context.moveTo(0,200);
				context.bezierCurveTo(25,50,75,50,300,200);
				context.stroke();
				context.closePath();
				
				context.beginPath();
				context.moveTo(25,50);
				context.lineTo(0,200);
				context.moveTo(75,50);
				context.lineTo(300,200);
				context.moveTo(0,200);
				context.lineTo(300,200);
				context.stroke();
				context.closePath();
			}
			
			window.onload = function(){
					load3();
				
			}
		</script>

	</head>
	<body>
		<canvas id="myC" style="border: 1px #000 solid;" width="800" height="450">
			你的浏览器不支持canvas元素！
		</canvas>
	</body>
</html>
